@charset "utf-8";
/* CSS Document */

html{color:#000;background:#fff;}
body{font:12px/1.5 "microsoft yahei",Tahoma,Arial,Helvetica,sans-serif;word-break:break-all;word-wrap:break-word;overflow-x: hidden;}
body,h1,h2,h3,h4,h5,h6,p,dl,dd,td,th{margin:0;padding:0;}ul,ol,input{margin:0;padding:0;}li{list-style: none;}
img{border:none;vertical-align:middle;}/* table{border-collapse:collapse;border-spacing:0;} */
textarea{resize:none;}button,input,textarea{/*background: none; border:none;*/font-family:"宋体",Tahoma,Arial,Helvetica,sans-serif;vertical-align:middle;}
/*input:focus{outline: none;}*/
a{color: #333333; text-decoration: none;}
a:hover{text-decoration:inline;color: #cc0000;}
.clearfix { *zoom:1}
.clearfix:after{content: "";display: block; clear: both;}
.clearDiv{clear:both;height:0;font-size:0; overflow: hidden;}
.clearboth{clear:both; height:2px; overflow:hidden;}
input:focus{outline:none;}
.fl{float:left;}
.fr{float:right;}
table{border-collapse: collapse;}
td,th{padding: 0}
select{padding-left: 10px; appearance:none;-webkit-appearance:none;-moz-appearance:none; background: url(../images/select.png) no-repeat center right 10px; }

/*top*/
#offcn_top_shequ{border-bottom: 1px solid #E5E5E5}
.zg_heard{width:100%;height:40px;margin-bottom:12px;}
.zg_top{height:40px;position:relative;}
.zg_top_right{height:40px;}
.zg_top_right li{ float:right; height:40px; line-height:42px; margin-left:30px; font-size:14px; font-family:"Microsoft YaHei";color: #707070}
.zg_top_right li a{ font-family:"Microsoft YaHei";color: #707070}
.zg_top_right li em{ display:inline-block; vertical-align:middle; background:url(../images/zg_bg1.jpg) no-repeat; margin-right:3px;}
.zg_top_right .zg_top_wx em{ background-position:-54px top; width:20px; height:20px;}
.zg_top_right .zg_top_wb em{ background-position:-24px top; width:20px; height:20px;}
.zg_top_right .zg_top_qq em{ background-position:-90px top; width:20px; height:20px;}
.zg_top_right .zg_top_zx em{ background-position:0 -1px; width:14px; height:20px;}
.zg_top_right .zg_top_tel{color: #E60012;font-weight: bold;}
.zg_top_right .zg_top_tel em{background-position: -120px top;width: 20px;height: 22px;}
.zg_top #wbxx1{ position:absolute; right:92px; top:40px; border:1px solid #e1e1e1; background:#fff; width:210px; height:80px; z-index:999;}
.zg_top #wbxx1 p{ display:block; float:left; width:73px; height:73px; padding:4px 0 0 15px;}
.zg_top #wbxx1 p img{ display:block; margin:0 auto;}
.zg_top #wbxx1 span{ width:90px; margin:0 auto;display:block;padding:15px 0 0 10px; float:left; font-size:14px; color:#333; line-height:21px;}

.zg_top #wbxx2{ position:absolute; right:124px; top:40px; border:1px solid #e1e1e1; background:#fff; width:102px; height:80px; z-index:999;}
.zg_top #wbxx2 p{ display:block; float:left; width:73px; height:73px; padding:4px 0 0 15px;}
.zg_top #wbxx2 p img{ display:block; margin:0 auto;}
.zg_top #wbxx2 span{ width:90px; margin:0 auto;display:block;padding:15px 0 0 10px; float:left; font-size:14px; color:#333; line-height:21px;}

.zg_top #qqxx1{ position:absolute; right:275px; top:40px; border:1px solid #e1e1e1; background:#fff; width:126px; height:110px; z-index:999;}
.zg_top #qqxx1 p{ display:block; float:left; width:100px; height:100px; padding:4px 0 0 15px;}
.zg_top #qqxx1 p img{ display:block; margin:0 auto;}
.zg_top #qqxx1 span{ width:90px; margin:0 auto;display:block;padding:15px 0 0 10px; float:left; font-size:14px; color:#333; line-height:21px;}
.zg_top #qqxx2{ width:210px; height:80px; border:1px solid #e1e1e1; background:#fff; position:absolute; right:100px; top:42px; overflow:hidden; z-index:999;}

.zg_top_left{ width:470px; height:40px; position:relative; z-index:999}
.zg_top_nav{ width:545px; height:40px;}
.zg_top_nav li{ color:#333;font:normal 14px/40px "Microsoft Yahei"; float:left; width:90px; text-align:center; cursor:pointer; _padding-top:15px;}
.zg_top_nav li a{ color:#333;font:normal 14px/40px "Microsoft Yahei";}
.zg_top_nav li em{background:url(../images/zg_bg.png) no-repeat;width:7px; height:4px; display:inline-block; margin-left:8px; vertical-align:middle;transition: .3s ease-in}
.zg_top_nav .zg_nav_h{ border:1px solid #e7e7e7; border-bottom:1px solid #fff; width:88px; line-height:40px; height:41px; _height:25px; position:relative; z-index:1000}
.zg_top_nav .zg_nav_h em{ transform:rotate(180deg);}
.zg_yy_box{display:none;position:absolute; border:1px solid #e7e7e7; border-top:none; background:#fff; left:0; top:41px; overflow:hidden; padding:24px 7px 20px; width:556px;-moz-box-shadow:0 3px 3px #e3e3e3;-webkit-box-shadow:0 3px 3px #e3e3e3;box-shadow:0 5px 5px #e3e3e3;z-index:9999;/* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#e3e3e3')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#e3e3e3');}
.webyy{ width:465px; padding:10px;}
.webyy a{ color:#666;}
.zg_yy_box a:hover{ color:#e00;}
.offcn0TopQbks{padding:10px 15px;line-height:36px;width:510px;}
.offcn0TopQbks h4{color:#666;font-size:12px;font-weight:bold;line-height:36px;}
.offcn0TopQbks a{color:#666;}
.offcn0TopQbks a:hover{color:#e00;}
.offcn0TopQbks span{color:#ddd;padding:0 15px;}
.offcn0TopMobile{left:180px;width:180px;padding-left:16px;padding-right:15px;}
.offcn0TopMobile img{display:block;border:none;margin:0 auto 10px auto;}
.o0413TopMobileDl{overflow:hidden;margin-bottom:15px;}
.o413TMtdlx{margin-bottom:10px;}
.o0413TopMobileDl dt{float:left;width:44px;height:20px;color:#ef2d36;line-height:20px;padding-left:5px;background:url(../images/offcn0IcoTip.jpg) center center no-repeat;margin-right:8px;}
.o0413TopMobileDl dd{float:left;line-height:20px;color:#666;width:118px;}
.o0413TopMobileDl a,.o0413TopMobileDl a:hover{color:#ef2d36;text-decoration:none;}
.zgsl_top{ width:590px !important;}
.zgsl_topnr{ overflow:hidden;}
.zgsl_topfl{ float:left; width:330px;}
.zgsl_topfr{ float:left; width:250px;}
.zgsl_top dl{height:30px;line-height:30px;overflow:hidden;clear:both; overflow:hidden;}
.zgsl_top dt{ float:left; line-height:30px; width:50px;}
.zgsl_top dt i{ font-style:normal; padding:0 7px; font-size:12px; color:#ccc;}
.zgsl_top dd{ float:left; line-height:30px;width:270px;}
.zgsl_top dd a{ display:inline-block; color:#666;font-size:12px!important;font-family:"Microsoft Yahei"!important; margin-right:12px;}
.zgsl_topfr dd{ width:200px;}
.gfapp{ width:152px; left:320px;}
.gfapp dl{ float:left; width:150px; text-align:center;}
.gfapp dl dt{ font:16px "Microsoft Yahei"; height:40px;}
.gfapp dl dt img{ vertical-align:middle; margin:-3px 5px  0;}
/*top结束*/
/*默认1920（1632）*/
/*有效区域的展示宽度 */
.layut{width:100%;min-width:1200px;}
.wrap{ width:85%; min-width: 1200px; max-width: 1632px; margin: 0 auto; }
/*1600（1360）或者1366（1092）*/
.layut16 .wrap{width:80%;}
.offcnleft_left{width:66.6%}
.offcnleft_right{width:29.7%}

/* 头部伸缩广告 */
/*.offcn_top_pic{margin-top: 10px;}*/
.offcn_top_pic img{width: 100%;}

/*公共顶部*/
.offcn_top_logo{margin-top: 27px;position: relative;z-index: 1}
.offcn_top_logofr{width: 80%}
.offcn_top_logofr li{position: relative;float: left;margin-left:2%;text-align: center}
.offcn_top_logofr li>a{font:18px/70px "Microsoft YaHei";color: #333333;display: block;}
.offcn_top_logofr li:hover >a{font-weight: bold;color: #E60012;}
.offcn_top_logofr li div{position: absolute;left: 0;top:70px;background: #fff;width: 100%;display: none;padding: 10px 0}
.offcn_top_logofr li div a{display: block;font:16px/30px "Microsoft YaHei";color: #555555;text-align: center; line-height: 32px;}
.offcn_top_logofr li div a:hover{color: #ff0000}
.offcn_top_logofr li:hover div{display: block;}
.offcn_top_phone{font-size: 22px;font-weight: 700;color: #e60012;line-height: 70px;text-align: right;background: url(../images/index_phone.png) no-repeat left;padding-left: 24px;}

.zg_1600 .offcn_top_logofr .offcn_top_logofroli2{width: 8.28%}
.zg_1600 .offcn_top_logofr li>a{font:16px/70px "Microsoft YaHei";}
.zg_1600 .offcn_top_logofr li div a{font:14px/28px "Microsoft YaHei";}
.zg_1600 .offcn_top_phone{font-size: 20px;}

.zg_1440 .offcn_top_logofr li>a{font:16px/70px "Microsoft YaHei";}
.zg_1440 .offcn_top_logofr li div a{font:14px/28px "Microsoft YaHei";}
.zg_1440 .offcn_top_phone{font-size: 18px;}


.zg_1366 .offcn_top_logofr li>a{font:16px/70px "Microsoft YaHei";}
.zg_1366 .offcn_top_logofr li div a{font:12px/28px "Microsoft YaHei";}
.zg_1366 .offcn_top_phone{font-size: 16px;}

/*各地中公*/
.zg_city{ width: 100%; height: 130px; background: #f5f5f5; margin: 10px auto 20px; overflow: hidden;}
.zg_cityn{  padding-top: 12px; padding-left: 16.24%; background: url(../images/offcn19_01.png) no-repeat left 30px; clear: both; overflow: hidden;}
.zg_cityn li{ width: 6.2%; float: left; line-height: 54px; font-size: 16px; color: #666666; font-family: 'Microsoft Yahei'; min-width: 50px;}
.zg_cityn li a{ color: #666;}
.zg_cityn li a:hover{ color: #e60012;}
.zg_cityn li a.on{ color: #e60012;}
/*屏幕1600-1366*/


/* 公共底部数据展示 */
.zg_gdfb{background: #fff;padding-bottom: 58px;overflow: hidden;}
.zg_gdfb .zg_index_title{border-bottom: 1px solid #e6e6e6;margin-bottom: 40px;}
.layout{width: 88%;margin: 0 auto;min-width: 1000px;max-width: 1632px;}
.zg_gdfb li {width: 24.7%; float: left;border-right: 1px solid #ddd;height: 270px;}
.zg_gdfb li p { padding-left: 17%; width: 70%;line-height: 36px;font-size: 20px; color: #666;font-family: 'Microsoft Yahei'; height: 72px; margin-bottom: 22px;}
.zg_gdfb li span { display: block; padding-left: 17%; line-height: 56px; font-size: 44px; color: #f6564a;font-family: 'Microsoft Yahei';}
.zg_gdfb li.l1 { background: url(../images/zg_cbgf15.png) no-repeat 21% bottom;}
.zg_gdfb li.l2 { background: url(../images/zg_cbgf16.png) no-repeat 21% bottom;}
.zg_gdfb li.l3 { background: url(../images/zg_cbgf17.png) no-repeat 21% bottom;}
.zg_gdfb li.l4 { background: url(../images/zg_cbgf18.png) no-repeat 21% bottom;}

/* 底部中公信息*/
.zg_dbmk{ width: 100%; height: auto; padding: 1% 0 1.8%; background: #333; border-bottom: 1px solid #575757;}
.zg_dbmk1{border-bottom: 0; padding-bottom: 1%;}
.zg_link{height: 58px; line-height: 58px; border-bottom: 1px solid #575757; margin-bottom: 11px;}
.zg_link li{ float: left; font-size: 20px; color: #d0d0d0; font-family: 'Microsoft Yahei'; margin-right: 30px; color: #fff;}
.zg_linkb{ width: 100%; height: auto; overflow: hidden;}
.zg_linkb ul{height: auto; overflow: hidden;}
.zg_linkb li{ float: left; line-height: 40px; font-size: 16px; color: #d0d0d0; margin-right: 13px; font-family: 'Microsoft Yahei';}
.zg_linkb li a{ color: #d0d0d0;}
.zg_linkb li a:hover{ color: #e60012;}
.zg_dbwl{ width: 100%; height: auto; overflow: hidden;}
.zg_dbwld{ float: left; background: url(../images/offcn19_52.jpg) no-repeat left 13px;}
.zg_dbwld1{ background:none; width: 9%; }
.zg_wldl{ width: 100%; height: auto; }
.zg_wldl dt{ height: 44px; line-height: 44px; font-size: 20px; color: #ffffff; font-family: 'Microsoft Yahei';}
.zg_wldl dd{ line-height: 28px; font-size: 14px; color: #d0d0d0; font-family: 'Microsoft Yahei';}
.zg_wldl dd a{ display: block; height: 28px; font-size: 14px; color: #d0d0d0; font-family: 'Microsoft Yahei';}
.zg_dbwld2{ padding-left: 3%; width: 9%;}
.zg_wldl a:hover{ color: #e60012;}
.zg_dbwld3{ padding-left: 3%; width: 38%; overflow: hidden;}
.zg_dbwld3 dl{ width: 120px; float: left; padding-bottom: 40px;}
.zg_dbwld3 dl dt{ height: 44px; line-height: 44px; font-size: 20px; color: #ffffff; font-family: 'Microsoft Yahei'; margin-bottom: 6px;}
.zg_dbwld3 dl dd{ width: 120px; height: 120px;}
.zg_dbwld3 dl dd img{ display: block; width: 100%; height: 100%;}
.zg_dbwb{margin-right: 12%;}
.zg_dbwld4{ padding-left: 2.5%; width: 20%; padding-top: 13px;}
.zg_dbtel{ padding-left: 63px; height: 87px; background: url(../images/offcn19_33.jpg) no-repeat left top;}
.zg_dbtel span{ display: block; line-height: 16px; margin-bottom: 5px; font-size: 14px; color: #d0d0d0; font-family: 'Microsoft Yahei';}
.zg_dbtel p{ line-height: 30px; font-size: 30px; color: #fff; font-family: 'Microsoft Yahei';}
.zg_dbzx{ height: 70px; background-image: url(../images/offcn19_34.jpg);}
.zg_dbzx a{ display: block; font-size: 20px; color: #fff; font-family: 'Microsoft Yahei'; line-height: 30px;}
.zg_dbzx a:hover{ color: #e60012;}
.zg_advice{ line-height: 18px; font-size: 14px; color: #666; font-family: 'Microsoft Yahei'; padding-bottom: 20px;}
.zg_footer{ padding: 24px 0 27px; line-height: 26px; text-align: center; font-size: 12px; color: #999; font-family: 'SimSun'; background: #333;}
.zg_footer a{ color: #999;}

/* 页面右侧咨询条 */
.zgxf_right{position: fixed; right:0; top:50%;margin-top:-250px; z-index: 11;width:70px;line-height: 40px;text-align: center;}
.zgxf_right dt{ font-size: 18px;font-weight:bold;  background: #ff383f; color:#fff; margin-bottom: 2px;}
.zgxf_right dt a{  color:#fff; display: block;}
.zgxf_right dd{ height:40px;  font-size: 15px; color:#333; margin-bottom: 2px; background: #eee;position: relative; }
.zgxf_right dd a{display: block;}
.zgxf_right dd:hover{ background: #fd6066; color:#fff; }
.zgxf_right dd:hover a{  color:#fff; }
.zgxf_right dd:last-child{border-bottom: 3px solid #ff383f;}
.zgxf_right img{position: absolute; left:-106px; top:0; width:102px; height: 102px; display: none; }
.zgxf_right dd:hover img{ display: block;}
.zgxf_gotop em{ display:inline-block; *display:inline; zoom:1; width:13px;height: 15px; background: url(../images/zgglr_top.png) no-repeat; vertical-align: middle;; margin-right: 3px;    margin-top: -2px;}

/*屏幕1600-1440*/
.zg_1600 .zg_gdfb li p { width: 80%;}
.zg_1600 .zg_city{ height: 110px;}
.zg_1600 .zg_cityn{ padding-top: 20px; padding-left: 15.29%; background-size: 11% auto; background-position: left 29px;}
.zg_1600 .zg_cityn li{ line-height: 34px; }
.zg_1600 .zg_dbwld2{ padding-left: 3%; width: 9%;}
.zg_1600 .zg_dbwld3{ padding-left: 3%; width: 38%;}
.zg_1600 .zg_dbwld4{ width: 23%;}
.zg_1600 .zg_dbwb{ margin-right: 10%;}

/*屏幕1440-1366*/
.zg_1440 .zg_gdfb li p { width: 80%;}
.zg_1440 .zg_city{ height: 110px;}
.zg_1440 .zg_cityn{ padding-top: 20px; padding-left: 15.29%; background-size: 11% auto; background-position: left 29px;}
.zg_1440 .zg_cityn li{ line-height: 34px; }

.zg_1440 .zg_dbwld2{ padding-left: 3%; width: 9%;}
.zg_1440 .zg_dbwld3 dl{ width: 110px;}
.zg_1440 .zg_dbwld3 dl dd{ width: 110px; height: 110px;}
.zg_1440 .zg_dbwld3{ padding-left: 3%; width: 36%;}
.zg_1440 .zg_dbwb{ margin-right: 8%;}
.zg_1440 .zg_dbwld4{ width: 25%;}
.zg_1440 .zg_dbtel p{ font-size: 26px;}

/*屏幕1366以下*/
.zg_1366 .zg_city{ height: 86px;}
.zg_1366 .zg_cityn{ padding-top: 12px; padding-left: 15.48%; background-size: 10% auto; background-position: left 24px;}
.zg_1366 .zg_cityn li{ line-height: 30px; }

.zg_1366 .zg_gdfb li p {padding-left: 8%;}
.zg_1366 .zg_gdfb li p {  font-size: 18px;  margin-bottom: 12px;  width: 85%; padding-left: 15%;}
.zg_1366 .zg_gdfb li span { padding-left: 8%;}
.zg_1366 .zg_gdfb li span { font-size: 32px; line-height: 40px; padding-left: 15%;}

.zg_1366 .zg_dbwld2{ padding-left: 2%; width: 9%;}
.zg_1366 .zg_dbwld3 dl{ width: 100px;}
.zg_1366 .zg_dbwld3 dl dd{ width: 110px; height: 110px;}
.zg_1366 .zg_dbwld3{ padding-left: 2%; width: 38%;}
.zg_1366 .zg_dbwb{ margin-right: 8%;}
.zg_1366 .zg_dbwld4{ width: 26%;}
.zg_1366 .zg_dbtel p{ font-size: 26px;}